﻿<html>
<head>
    <title>操作日志</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="/styles/styles.css" type="text/css" rel="stylesheet"/>
    
    <link rel="stylesheet" type="text/css" href="/style/public.css">
    <link rel="stylesheet" type="text/css" href="/style/common.css">
    <link rel="stylesheet" type="text/css" href="/vendor/jquery/easyui/themes/metro/metro-blue/easyui.css">
    <link rel="stylesheet" type="text/css" href="/vendor/jquery/easyui/themes/icon.css">
    <script type="text/javascript" src="/js/plugin/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="/vendor/jquery/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/vendor/jquery/easyui/extend/datagrid-filter.js"></script>
    <script type="text/javascript" src="/js/common/common.js">
    
    </script>
    <style>
        .icon-filter {
            background: url('/vendor/jquery/easyui/extend/filter.png') no-repeat center center;
        }
    </style>

</head>
<body>
<div class=''>
    <table id="dg" class="easyui-datagrid" title="操作日志" style="width:1400px"
           data-options="
            rownumbers:true
           ,selectOnCheck:false
           ,autoRowHeight:false
           ,singleSelect:true
           ,fitColumns:true

           ,method:'get'
           ,url: '/log/getAllListInPage'

           ,pagination: true
           ,pagePosition:'both'
           ,pageList:[20]
           ,rowStyler: function(index,row){
                                if (index%2==0){return 'background-color:#E6FDEE;color:#fff;'; }
                             }
           ,pageSize: 20
           ">
        <thead>
        <tr>
            <th data-options="field:'erp' ,width:50,align:'left',editor:'text'">操作erp</th>
            <th data-options="field:'createdTime'      ,width:60,align:'left'">操作时间</th>
            <th data-options="field:'operateType' ,width:50,align:'left'">操作类型</th>
            <th data-options="field:'beforeDetail'         ,width:400,align:'left'">操作前记录明细</th>
            <th data-options="field:'afterDetail'       ,width:400,align:'left'">操作后记录明细</th>
        </tr>
        </thead>
    </table>
    <script>
        $(function () {
            var pager = $('#dg').datagrid('getPager');	// get the pager of datagrid
            console.log(pager);
            pager.pagination({
                beforePageText: '第',//页数文本框前显示的汉字
                afterPageText: '页    共 {pages} 页',
                displayMsg: '第{from}到{to}条，共{total}条'
            });
        });
    </script>
</div>

</body>
</html>